<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>列表样式属性</title>
		<!-- HTML  结构层: 列表主要是相同数据的集合  
		                  有序列表、无序列表、定义列表  
						  有序列表和无序列表自带样式
				列表项标志属性  list-style-type
						      有序列表属性值:  none、  decimal、   lower-roman     upper-roman
							                       默认（数值）、  小写罗马数字    大写罗马数字
							  无序列表属性值:  none、   disc       circle    square
							                       默认（实心圆）  空心圆    实心方块
							实际页面开发中:  无序列表来定义相同数据集合	 有利于SEO优化
							实际常用属性: list-style-type: none;与通配选择器一起使用
											               去掉页面上所有列表的样式
        -->
		<style>
			ol li{
				list-style: decimal;
			}
			ul li{
				list-style: square;
			}
		</style>
	</head>
	<body>
		<h1>有序列表</h1>
		<ol>
			<li>哪吒2</li>
			<li>封神2</li>
			<li>射雕英雄传</li>
		</ol>
		<h1>无序列表</h1>
		<ul>
			<li>素食者</li>
			<li>失语者</li>
			<li>白</li>
		</ul>
	</body>
</html>